<template>
  <el-container>
    <el-header height="61px" id="myIndexHeader">
     <el-link @click="gotoIndex" :underline="false"><img src="/static/imgs/log.png" width="120px" class="headerLeft"></el-link>
      <my-el-menu class="headerRigth"></my-el-menu>
    </el-header>
    <el-main id="myIndexMain">
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<script>
import myElMenu from "./components/myElMenu";

export default {
  name: "index",
  components:{
    myElMenu
  },
  methods:{
    gotoIndex(){
      this.$router.push("/index");
    }
  }
}
</script>

<style scoped>
  .el-container {
    margin: auto;
    max-width: 1600px;
    min-width: 1000px;
  }
  #myIndexHeader{
    display: flex;
    margin: 0px 5px 0px 5px;
    justify-content:space-between;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #dcdfe6;
    z-index: 2;
  }
  #myIndexMain{
    margin: 0px 0px 0px 0px;
    padding: 5px;
  }
  .headerLeft{
  }
  .headerRigth{
    border-bottom: 0px solid #dcdfe6;
  }
</style>
